今日進度

HTML5‧CSS3 最強圖解實戰講座的Lesson2

學習筆記

今日新知：

• 群組化：將文檔內容分割區塊，比較好針對群組進行CSS設計
  • div元素(division)：
  • section元素(section)：會比用div元素清楚是一個區塊，必須用在有標題(h)的內容，要用在第二層以下(用在第一層的功能就會和< b >重複了)
  • 用id屬性進行命名
    
• 巢狀元素親子關係：外層為「父元素」，內層為「子元素」，更內層為「孫元素」。同一層的為「兄弟元素」，在前面的是「兄元素」，在後的是「弟元素」。結構若錯誤，網頁顯示會有問題
• 文件內容模型(content model)
  • block元素(塊元素)：標題、段落、條列式列表...之類的，像用來收納物品的「容器」(物品是文字資料、圖片之類的)。瀏覽器顯示時會自動換行
  • inline元素(內聯元素)：粗體、引用...之類的，定義這些當作「物品」的資料。瀏覽器顯示時不會自動換行

心得

• 寫開始tag時就要同時先寫好結束的tag，不然很容易漏掉，尤其是開始結束的距離很遠的時候。
• 元素親子關係好可愛XD

初學者學習日誌，文章內容若有打錯歡迎直接糾正我，謝謝大家><